<template>
  <el-form-item :label="label" :prop="prop">
    <el-input @input="inputChange" :value="value" type="textarea"></el-input>
  </el-form-item>
</template>

<script lang="ts">
  import { Vue, Component, Model, Prop } from 'vue-property-decorator'
  import '@/icons/com/eye-close'
  import '@/icons/com/eye-open'

  @Component({
    name: 'ComDescriptionInput',
  })
  export default class ComDescriptionInput extends Vue {

    @Model('change', { type: String }) value!: string
    @Prop({ type: String, default: '描述' }) label!: string
    @Prop({ type: String, default: 'description' }) prop!: string

    inputChange(text: string) {
      this.$emit('change', text)
    }
  }
</script>

<style scoped>

</style>
